<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./style.css">
</head>

<body>
    <div class="store">
        <div class="store_nav">
            <div class="store_nave_logo">
                <img src="./logo.png" alt="">
            </div>
            <div class="store_nave_list">
                <ul class="list">
                    <li classame="list_item">首页</li>
                    <li class="list_item">商品分类</li>
                    <li class="list_item">订单中心</li>
                    <li class="list_item">购物车</li>
                    <li class="list_item">个人中心</li>

                </ul>
            </div>
            <div class="store_nav_login">
                <button class="login button--primary">登录</button>
                <button class="register button--primary">注册</button>
            </div>
        </div>
        <div class="store-search">
            <div class="search-box">
                <div class="search-box--input">
                    <div class="search-ico">
                        <img src="./logo2.png" alt="" class="fangdajin">
                    </div>
                    <input type="text" class="search-input" placeholder="请输入商品名称">
                    <button class="search-button">搜索</button>
                </div>
                <p class="search-hot">热门搜索：

                    <a href="#">智能手机</a>
                    <a href="#">笔记本</a>
                    <a href="#">平板电脑</a>
                    <a href="#">运动鞋</a>
                    <a href="#">智能家居</a>
                </p>

            </div>
        </div>
        <div class="store-category">
        <div class="category-title">
            <ul class="category-title_list">
                <li class="list-item">全部分类</li>
                <li class="list-item">服装</li>
                <li class="list-item">数码</li>
                <li class="list-item">家具</li>
                <li class="list-item">美妆</li>
                <li class="list-item">食品</li>
                <li class="list-item">母婴</li>
                <li class="list-item">运动</li>

            </ul>
        </div>
        <div class="category-content"></div>
        </div>
        <div class="store-foot">
            
        </div>


    </div>
</body>

</html>